import React,{ memo } from "react";
import {HeaderWarper} from "@/components/section-header/style";
import PropTypes from "prop-types";
/**
 * @type {React.NamedExoticComponent<object>}
 */
const SectionHeader = memo((props) => {
    const {title,subtitle} = props
    return (
        <HeaderWarper>
            <h2 className="title">{title}</h2>
            {subtitle && <h5 className="subtitle">{subtitle}</h5>}
        </HeaderWarper>
    )
})

SectionHeader.propTypes = {
    title:PropTypes.string,
    subtitle:PropTypes.string
}
export default SectionHeader
